<template>
	<view class="content">
		<cu-custom style="background-color: #fff;" bgColor="bg-white" :isBack="true" >
			<!-- <block slot="backText"></block> -->
			<block slot="content">问题详情</block>
			<view slot="right"></view>
		</cu-custom>
		<view class="infoMain">
			<view class="queationInfo">
				<view class="titleText">
					<view class="projName"> 项目名称:</view>
					<view class="infoText">{{wtInfo.projectName}}</view> 
				</view>
				<view class="titleText">
					<view class="projName"> 问题类型:</view>
					<view class="infoText"> {{wtInfo.wtlx}}</view> 
				</view>
				<view class="titleText">
					<view class="projName"> 问题描述:</view>
					<view class="infoText"> {{wtInfo.wtnr}} </view>
				</view>
				<view class="titleText">
					<view class="projName"> 责任单位:</view>
					<view class="infoText"> {{wtInfo.oneResponsibilityUnit}}</view> 
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				wtInfo:[]
			}
		},
		onLoad(options) {
			let id = options.id
			console.log(id);
			this.$http.get("/problem/v1/questionInfo.do?id="+id,{
				
			}).then(res=>{
				console.log(res);
				this.wtInfo = res.data;
			})
		},
		methods:{
			
		}
	}
</script>

<style>
	.infoMain{
		width: 100%;
		padding: 20px;
	}
	.queationInfo view{
		font-size: 16px;
		color: #232323;
		line-height: 30px;
	}
	.queationInfo .titleText .projName{
		font-size: 16px;
		color: #28435D;
		font-weight: bold;
		width: 35%;
	}
	.titleText{
		display: flex;
	}
	 .queationInfo view.infoText{
		color: #808080;
		/* margin-left: 18px; */
	}
</style>
